<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>登录页面</title>
		<link rel="stylesheet" type="text/css" href="font/iconfont.css" />
		<link rel="shortcut icon" type="image/x-icon" href="img/icon.png" />
		<link rel="stylesheet" type="text/css" href="css/login.css" />
		<script src="js/axios.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/api.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="wrap">
			<div class="top">教育优惠 | Surface 主机9折起，高校师生认证购机享优惠。立即购买></div>
			<nav id="nav">
				<a href="index.html"><img src="img/microsoft.png"></a>
				<ul id="nav-side">
					<li><a href="#">微软商城</a></li>
					<li>
						<a href="#">硬件</a>
						<ul class="erji">
							<li>Surface</li>
							<li>认证翻新</li>
							<li>Xbox</li>
							<li>混合实现</li>
							<li>配件</li>
						</ul>
						<span>&lt;</span>
					</li>
					<li>
						<a href="#">软件</a>
						<span>&lt;</span>
						<ul class="subnav">
							<li>Microsoft 365</li>
							<li>Office 2019</li>
							<li>Windows</li>
							<li>Apps与Windows 10游戏</li>
							<li>Visual Studio</li>
							<li>Microsoft Complete and Plus</li>
							<li>其他软件与服务</li>
						</ul>
					</li>
					<li><a href="#">企业购</a></li>
					<li><a href="#">教育</a></li>
					<li><a href="#">以旧换新</a></li>
					<li><a href="#">活动优惠</a></li>
					<li><a href="#">商城承诺</a></li>
					<li><a href="#">支持与帮助</a></li>
				</ul>
				<div id="nav-right">
					<div class="search">搜索
						<span class="iconfont icon-sousuo"></span>
						<div class="ipt"><input type="text">取消</div>
					</div>
				<a href="shop.html"><div class="shop iconfont icon-che"></div></a>
					<div id="login">
						登录
						<span class="iconfont icon-user-1"></span>
						<div id="login-nav">
							<img src="img/microsoft.png">
							<ul class="login-list">
								<li>我的账户</li>
								<li>我的订单</li>
								<li>地址管理</li>
								<li>我的专区</li>
								<li>我的优惠券</li>
							</ul>
							<button type="button">登录</button>
						</div>
					</div>
				</div>
			</nav>
			<div id="main">
				<div class="login">
					<div class="login-content">
						<h1>请登录你的账号</h1>
						<div class="input">
							<input type="text" placeholder="电子邮件、电话或Skype">
							<input type="password" placeholder="请输入密码">
							<p><a href="reg.html">注册</a><button type="button" id="btn">登录</button></p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="font">
			<div class="font-content">
				<div class="font-top">
					<span>获取新品发售资讯，有机会享专属优惠</span>
					<input type="text" placeholder="请输入您的邮箱地址" />
					<button type="button" class="btn">订阅</button>
					<a href="#">隐私条款</a>
				</div>
				<div id="font-text">
					<div id="product">
						<h1>产品介绍</h1>
						<ul>
							<li>Surface</li>
							<li>Microsoft 365</li>
							<li>Xbox</li>
							<li>Office</li>
							<li>Windows</li>
							<li>Visual Studio</li>
							<li>混合现实</li>
							<li>其他软件与服务</li>
							<li>配件</li>
						</ul>
						<p>其他微软站点</p>
					</div>
					<div class="account">
						<h1>账户信息</h1>
						<ul>
							<li>账户信息</li>
							<li>订单跟踪</li>
							<li>订单历史</li>
							<li>软件密钥和下载</li>
						</ul>
					</div>
					<div class="direction">
						<h1>支持与帮助</h1>
						<ul>
							<li>产品支持信息</li>
							<li>退换货政策</li>
							<li>常见问题</li>
							<li>软件产品问题</li>
							<li>教育优惠相关问题</li>
							<li>购物流程</li>
							<li>支付与配送</li>
							<li>售后服务</li>
						</ul>
					</div>
					<div class="hot">
						<h1>人们资源</h1>
						<ul>
							<li>Surface Laptop Go</li>
							<li>Surface Pro X</li>
							<li>Surface Book 3</li>
							<li>Surface Go 2</li>
							<li>Surface Pro 7</li>
							<li>Surface Pro 7+</li>
							<li>Surface Laptop 4</li>
							<li>Surface Studio 2</li>
							<li>Xbox One</li>
							<li>Microsoft 365</li>
							<li>Office for Mac</li>
							<li>优惠信息</li>
							<li>教育专区</li>
							<li>以旧换新</li>
							<li>商务专区</li>
						</ul>
					</div>
					<div class="about">
						<h1>关于我们</h1>
						<ul>
							<li>查找店铺</li>
							<li>网站地图</li>
							<li>微软店中店</li>
							<li>商城承诺</li>
						</ul>
					</div>
					<div class="pay">
						<h1>关于我们</h1>
						<ul>
							<li>官方微博</li>
							<li class="iconfont icon-_weibo"></li>
							<li>微软官方商城</li>
							<li>微信公众号</li>
							<li><img src="img/weixin.png"></li>
						</ul>
					</div>
				</div>
				<div class="font-bottom">
					<span><i class="iconfont icon-diqiu"></i>中国 - 简体中文</span>
					<p>使用与销售隐私权声明商标沪ICP备12038052号-4<img src="img/font-icon1.png">京公网安备11010802023178号公司证件◎2020 Microsoft
					</p>
				</div>
			</div>
		</div>
		<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
